<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./index.css">
</head>

<body>
    <div class="nav w">
        <ul>
            <li>
                <a href="#">
                    鲜花
                </a>
            </li>
            <li>
                <a href="#">
                    永生花
                </a>
            </li>
            <li>
                <a href="#">
                    蛋糕
                </a>
            </li>
            <li>
                <a href="#">
                    礼品
                </a>
            </li>
            <li>
                <a href="#">
                    巧克力
                </a>
            </li>
            <li>
                <a href="#">
                    花语大全
                </a>
            </li>
            <li>
                <a href="#">
                    企业团购
                </a>
            </li>
            <li>
                <a href="#">
                    设计师臻选鲜花
                </a>
            </li>
            <li>
                <a href="#">
                    生日鲜花
                </a>
            </li>
        </ul>
    </div>
    <div class="banner-bg">
        <div class="banner w">
            <div class="nav-ce">
                <h3>全部商品导购</h3>
                <div class="one">
                    <h4>鲜花用途</h4>
                    <ul>
                        <li>
                            <a href="#">
                                爱情鲜花
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                生日鲜花
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                友情鲜花
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                问候长辈
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                探病慰问
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                道歉鲜花
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                祝贺鲜花
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                婚庆鲜花
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                商务鲜花
                            </a>
                        </li>

                    </ul>
                </div>
                <div class="two">
                    <h4>鲜花花材</h4>
                    <ul>
                        <li>
                            <a href="#">
玫瑰
                            </a>
                        <li>
                            <a href="#">
康乃馨
                            </a>
                        <li>
                            <a href="#">
百合
                            </a>
                        <li>
                            <a href="#">
向日葵
                            </a>
                        <li>
                            <a href="#">
扶郎
                            </a>
                        <li>
                            <a href="#">
郁金香
                            </a>
                        <li>
                            <a href="#">
马蹄莲
                            </a>
                        </li>
                    </ul>
                </div>
                <div class="three">
                    <h4>永生花</h4>
                    <span>></span>
<ul>
    <li>
        <a href="#">
永生花瓶
        </a>
    </li>
    <li>
        <a href="#">
经典花盒
        </a>
    </li>
    <li>
        <a href="#">
特色永生花
        </a>
    </li>
</ul>
                </div>
                <div class="four">
                    <h4>蛋糕</h4>
                    <span>></span>
                    <ul>
                        <li>
                            <a href="#">
                                元祖
                            </a>
                        </li>
                        <li>
                            <a href="#">
幸福西饼
                            </a>
                        </li>
                        <li>
                            <a href="#">
21cake
                            </a>
                        </li>
                        <li>
                            <a href="#">
诺心蛋糕
                            </a>
                        </li>
                        <li>
                            <a href="#">
窝夫小子
                            </a>
                        </li>
                        <li>
                            <a href="#">
BONCAKE
                            </a>
                        </li>
                    </ul>
                </div>
                <div class="five">
<h4>礼品 / 公仔 / 绿植</h4>
<span>></span>
                </div>
                <div class="six">
                    <h4>IT数码/小家电</h4>
                    <span>></span>
                </div>
            </div>
            <div class="right fr">
<div class="one">
<p>你最珍贵</p>
<h3>248元</h3>
</div>
<div class="two">
    <p>牵手一生</p>
    <h3>196元</h3>
</div>
<div class="three">
    <p>不变的心</p>
    <h3>469元</h3>
</div>
            </div>
        </div>
    </div>
</body>

</html>